<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>系统通用功能</title>
    <style media="screen" type="text/css">
      #app__wrap__loading{
        width: 100px;
        height: 100px;
        position: relative;
        margin: 0 auto;
        margin-top:100px;
      }
      /* #app__wrap__loading::after {
        width: 100px;
        text-align: center;
        position: absolute;
        left: 50%;
        bottom: -30px;
        transform: translateX(-50%);
        content: '载入中...';
        color: #acadb5;
        font-size: 16px;
      } */
      #app__wrap__loading span{
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #2C84EE;
        position: absolute;
        animation: load 1.04s ease infinite;
      }
      @keyframes load{
        0%{
            transform: scale(1.2);
            opacity: 1;
        }
        100%{
            transform: scale(.3);
            opacity: 0.5;
        }
      }
      #app__wrap__loading span:nth-child(1){
        left: 0;
        top: 50%;
        margin-top:-10px;
        animation-delay:0.13s;
      }
      #app__wrap__loading span:nth-child(2){
        left: 14px;
        top: 14px;
        animation-delay:0.26s;
      }
      #app__wrap__loading span:nth-child(3){
        left: 50%;
        top: 0;
        margin-left: -10px;
        animation-delay:0.39s;
      }
      #app__wrap__loading span:nth-child(4){
        top: 14px;
        right:14px;
        animation-delay:0.52s;
      }
      #app__wrap__loading span:nth-child(5){
        right: 0;
        top: 50%;
        margin-top:-10px;
        animation-delay:0.65s;
      }
      #app__wrap__loading span:nth-child(6){
        right: 14px;
        bottom:14px;
        animation-delay:0.78s;
      }
      #app__wrap__loading span:nth-child(7){
        bottom: 0;
        left: 50%;
        margin-left: -10px;
        animation-delay:0.91s;
      }
      #app__wrap__loading span:nth-child(8){
        bottom: 14px;
        left: 14px;
        animation-delay:1.04s;
      }
   </style>
  </head>
  <body>
    <div id="app__wrap__loading">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>
    <div id="root"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
